<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="utf-8" />
		<title>最家</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<!------------------------------head------------------------------>
		<div th:replace="head.html"></div>
		<!-------------------------banner--------------------------->
		<div class="block_home_slider">
			<div id="home_slider" class="flexslider">
				<ul class="slides">
					<li>
						<div class="slide">
							<img src="img/banner2.jpg"/>
						</div>
					</li>
					<li>
						<div class="slide">
							<img src="img/banner1.jpg"/>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		<!------------------------------thImg------------------------------>
		<div class="thImg">
			<div class="clearfix">
				<a href="vase_proList.html"><img src="img/i1.jpg"/></a>
				<a href="proList.html"><img src="img/i2.jpg"/></a>
				<a href="paint.html"><img src="img/i3.jpg"/></a>
			</div>
		</div>
		
		<!------------------------------news------------------------------>
		<div class="news">
			<div class="wrapper">
				<h2><img src="img/ih1.jpg"/></h2>
				<div class="top clearfix">
					<a href="#2"><img src="img/n1.jpg"/><p></p></a>
					<a href="#2"><img src="img/n2.jpg"/><p></p></a>
					<a href="#2"><img src="img/n3.jpg"/><p></p></a>
				</div>
				<div class="bott clearfix">
					<a href="#2"><img src="img/n4.jpg"/><p></p></a>
					<a href="#2"><img src="img/n5.jpg"/><p></p></a>
					<a href="#2"><img src="img/n6.jpg"/><p></p></a>
				</div>

				<h2><img src="img/ih2.jpg"/></h2>
				<div class="flower clearfix tran">
					<th:a th:each="furn : ${session.furnCommodities}">
						<a th:href="'proDetail.html?id='+${furn.id}"  class="clearfix">
						<dl>
							<dt>
								<span class="abl"></span>
								<img width="356" height="356" th:src="${furn.imagestheme}"/>
								<span class="abr"></span>
							</dt>
							<dd class="zuijia" style="width: 356px" th:text="'【花艺】'+${furn.productname}"></dd>
							<dd><span th:text="'¥ '+${furn.commodityprices}"></span></dd>
						</dl>
						</a>
					</th:a>
				</div>
				<div class="flower clearfix tran">
					<th:a th:each="furn2 : ${session.furnCommodities2}">
						<a th:href="'proDetail.html?id='+${furn2.id}"  class="clearfix">
						<dl>
							<dt>
								<span class="abl"></span>
								<img width="356" height="356" th:src="${furn2.imagestheme}"/>
								<span class="abr"></span>
							</dt>
							<dd class="zuijia" style="width: 356px" th:text="'【花艺】'+${furn2.productname}"></dd>
							<dd><span th:text="'¥ '+${furn2.commodityprices}"></span></dd>
						</dl>
						</a>
					</th:a>
				</div>
			</div>
		</div>
		
		<!------------------------------ad------------------------------>
		<a href="#" class="ad"><img src="img/ib1.jpg"/></a>
		
		<!------------------------------people------------------------------>
		<div class="people">
			<div class="wrapper">
				<h2><img src="img/ih3.jpg"/></h2>
				<div class="pList clearfix tran">
					<th:a th:each="furn3 : ${session.furnCommodities3}">
						<a th:href="'proDetail.html?id='+${furn3.id}">
						<dl>
							<dt>
								<span class="abl"></span>
								<img width="268" height="268" th:src="${furn3.imagestheme}"/>
								<span class="abr"></span>
							</dt>
							<dd class="zuijia" style="width: 268px" th:text="'【最家】'+${furn3.productname}"></dd>
							<dd><span th:text="'¥ '+${furn3.commodityprices}"></span></dd>
						</dl>
						</a>
					</th:a>
				</div>

				<div class="pList clearfix tran">
					<th:a th:each="furn4 : ${session.furnCommodities4}">
						<a th:href="'proDetail.html?id='+${furn4.id}">
						<dl>
							<dt>
								<span class="abl"></span>
								<img width="268" height="268" th:src="${furn4.imagestheme}"/>
								<span class="abr"></span>
							</dt>
							<dd class="zuijia" style="width: 268px" th:text="'【最家】'+${furn4.productname}"></dd>
							<dd><span th:text="'¥ '+${furn4.commodityprices}"></span></dd>
						</dl>
						</a>
					</th:a>
				</div>
				<div class="pList clearfix tran">
					<th:a th:each="furn5 : ${session.furnCommodities5}">
						<a th:href="'proDetail.html?id='+${furn5.id}">
						<dl>
							<dt>
								<span class="abl"></span>
								<img width="268" height="268" th:src="${furn5.imagestheme}"/>
								<span class="abr"></span>
							</dt>
							<dd class="zuijia" style="width: 268px" th:text="'【最家】'+${furn5.productname}"></dd>
							<dd><span th:text="'¥ '+${furn5.commodityprices}"></span></dd>
						</dl>
						</a>
					</th:a>
				</div>
			</div>
		</div>
		<!--返回顶部-->
		<div th:replace="gotop.html"></div>
		
		<!-------------------login-------------------------->
		<!--footer-->
		<div class="footer">
			<div class="top">
				<div class="wrapper">
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot1.png"/></a>
						<span class="fl">7天无理由退货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot2.png"/></a>
						<span class="fl">15天免费换货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot3.png"/></a>
						<span class="fl">满599包邮</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot4.png"/></a>
						<span class="fl">手机特色服务</span>
					</div>
				</div>
			</div>
			<p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
			违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
		
		<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/nav.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.flexslider-min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				$('#home_slider').flexslider({
					animation: 'slide',
					controlNav: true,
					directionNav: true,
					animationLoop: true,
					slideshow: true,
					slideshowSpeed:2000,
					useCSS: false
				});

			});
		</script>
		<script>
            //限制字符个数
            $(".zuijia").each(function () {
                var maxwidth = 20;
                if ($(this).text().length > maxwidth) {
                    $(this).text($(this).text().substring(0, maxwidth));
                    $(this).html($(this).html() + '…');
                }
            });
		</script>
		
	</body>
</html>


